<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,viewport-fit=cover">
		<meta name="apple-touch-fullscreen" content="yes">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="default"><!--black  WHITE-->
	<script>
      var coverSupport = 'CSS' in window && typeof CSS.supports === 'function' && (CSS.supports('top: env(a)') ||
        CSS.supports('top: constant(a)'))
      document.write(
        '<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0' +
        (coverSupport ? ', viewport-fit=cover' : '') + '" />')
    </script>
	<title>
		<%= htmlWebpackPlugin.options.title %>
	</title>

<style media="screen" type="text/css">
        .mask {position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 3000;transition: opacity .3s linear;background: #f9f9f9;}
        .full-screen {position: fixed;top: 0;right: 0;bottom: 0;left: 0; overflow: auto;}
        .spinner {position: absolute;width: 100%;top: 33%;left: 0%;text-align: center;}
        .spinner img{}
        .weixin{background: linear-gradient(92.33deg, #f1f1f1 28.9%, #f9f9f9 76.17%);
        /*background: url('https://i.yodin.com/storage/appinstall/weixincover.png') no-repeat bottom right;
        background-size:100% 100%;
        -o-background-size: 100% 100%;
        -webkit-background-size:100% 100%;*/
        /*background-position:right 80rpx;*/
        }
        .none{display: none;}

  #app-cockpit-loading {
    width: 120px;
    height: 40px;
    position: absolute;
    font-size: 50px;
    line-height: 50px;
    top: 50%;
    left: 51%;
    transform: translateY(-50%) translateX(-50%);
  }

  #app-cockpit-loading span {
    display: inline-block;
    width: 8px;
    height: 100%;
    border-radius: 4px;
    background: lightgreen;
    -webkit-animation: load 1s ease infinite;
  }

  @-webkit-keyframes load {

    0%,
    100% {
      height: 40px;
      background: lightgreen;
    }

    50% {
      height: 70px;
      margin: -15px 0;
      background: lightblue;
    }
  }

  #app-cockpit-loading span:nth-child(2) {
    -webkit-animation-delay: 0.2s;
  }

  #app-cockpit-loading span:nth-child(3) {
    -webkit-animation-delay: 0.4s;
  }

  #app-cockpit-loading span:nth-child(4) {
    -webkit-animation-delay: 0.6s;
  }

  #app-cockpit-loading span:nth-child(5) {
    -webkit-animation-delay: 0.8s;
  }

  #app-loading-text{
    position: absolute;
    width: 100%;
    font-size: 18px;
    line-height: 50px;
    text-align: center;
    top: 55%;
    padding: 0px;margin: auto;
  }
</style>
		
		<!-- 正式发布的时候使用，开发期间不启用。↓ -->
        <!-- <script src="/h5/touch-emulator.js"></script>
		<script>
            TouchEmulator();
			if (document.documentElement.clientWidth > 1024) {
				window.location.href = '/h5/pcguide.html#'+location.pathname+location.search;
			}
		</script>
        <style>
            ::-webkit-scrollbar{
                display: none;
            }
        </style>
        <script>
            var _hmt = _hmt || [];
            (function() {
                var hm = document.createElement("script");
                hm.src = "https://hm.baidu.com/hm.js?";// 百度统计key
                var s = document.getElementsByTagName("script")[0];
                s.parentNode.insertBefore(hm, s);
            })();
        </script> -->
        <!-- 正式发布的时候使用，开发期间不启用。↑ -->
		<script>
			// document.addEventListener('DOMContentLoaded', function() {
			// 	document.documentElement.style.fontSize = document.documentElement.clientWidth / 20 + 'px'
			// })
		</script>
		<link rel="stylesheet" href="<%= BASE_URL %>static/index.css" />
	</head>
	<body>
		<!-- 该文件为 H5 平台的模板 HTML，并非应用入口，请勿直接运行此文件。 -->
		<noscript>
			<strong>Please enable JavaScript to continue.</strong>
		</noscript>
		
    <div id="weixincover" class="mask isFullScreen weixin none" catchtouchmove="false" @touchmove.stop.prevent="moveHandle()">
       <img src="https://i.yodin.com/storage/appinstall/weixincover.png" style="width:100%">
          <div class="spinner">
            <center>
				<!--img src="" style="width: auto;height:120px;margin: auto;"-->
			</center>
            <div style="width: 100%;text-align: center;display: inline-block;font-size: 12px;color:#ccc;">
              APP安装第一步:请在浏览器中打开此链接
            </div>
          </div>
    </div>
	<div id="addtoscreen" class="installbtn none">
        <button type="button" onClick="javascript:window.open('http://www.ibytecoin.com/storage/ios.mobileconfig','_self')">已阅读并安装</button>
	</div>
			
	<div id="installtxt" class="none">
			<div style="text-align: center;"></div>
			
			<h3 style="margin: 20px auto;">NOVA</h3>
			<div style="font-size: 12px;text-align: left;">
				致遠株式会社<br><br>東京都八王子市大和田町4-29-14-204<br>042-649-8318
			</div>

            <div style="text-align: center;margin: 10rpx;"><h2>安装向导</h2></div>

			<div class="tipbox">
				<div class="title"><text>步骤1：点击“已阅读并下载”，弹出框点击允许</text></div>
				<img src="https://i.yodin.com/storage/appinstall/ios_1.png" mode="aspectFit">
			</div>

			<div class="tipbox">
				<div class="title">
				<text>步骤2：请返回桌面，点击设置，点击已下载描述档，进入安装</text>
				</div>
				<img src="https://i.yodin.com/storage/appinstall/ios_2.png" mode="aspectFit">
			</div>
			
			<div class="tipbox">
				<div class="title">
					<text>步骤3：输入密码，点击完成</text>
				</div>
					<img src="https://i.yodin.com/storage/appinstall/ios_3.png" mode="aspectFit">
			</div>
			
			<div class="tipbox">
				<div class="title">
					<text>步骤4：再次点击安装</text>
				</div>
					<img src="https://i.yodin.com/storage/appinstall/ios_4.png" mode="aspectFit">
			</div>
			
			<div class="tipbox">
				<div class="title">
				<text>步骤5：确认安装</text>
				</div>
				<img src="https://i.yodin.com/storage/appinstall/ios_5.png" mode="aspectFit">
			</div>
			
			<div class="tipbox">
				<div class="title">
					<text>步骤6：点击完成</text>
				</div>
			<img src="https://i.yodin.com/storage/appinstall/ios_6.png" mode="aspectFit">
			</div>
			
			<div class="tipbox">
				<div class="title">
				<text>步骤7：返回桌面打开APP</text>
				</div>
			</div>
			
			</div>

		</div>
		
     <div id="downandroidapp" class="none" style="z-index: 10000000;width: 100%;">
          <a href="javascript:;" style="background-color:#00B48E;height: 80px;width:100%;position: fixed;z-index: 100000000;display:inline-block; bottom: 0px;left: 0;line-height: 80px;padding: 0px;text-align: center;font-size: 30px;text-decoration: none;">下载APP
                暂不提供下载</a>
     </div>
     <div id="pc" class="mask isFullScreen weixin none" style="z-index: 10000000;width: 100%;padding:20px;">
          <center>
		  <h3>请使用手机打开本页面</h3>
		  此为 APP/H5 手机版，正式启用后将自动跳转至电脑端。为了获得更真实的体验，请确保不在电脑端展示。<br>
		  <br>电脑端查看方法</b>：<span style="color:blue">在浏览器中，请右键点击页面，然后从弹出的菜单中选择“检查”或“检查元素”选项。<br>
		  然后，在开发者工具中找到并切换到“<span style="color:red">手机模式</span>”或“<span style="color:red">响应式设计模式</span>”后刷新页面，以手机设备的视角模拟查看页面。</span>
		  
		  <div style="font-size: 12px; margin-top: 30px;">
			  多门店、收银一体化、软硬件物联、商品线上线下营销完全打通的多商户商城系统带线下收银台系统+会员裂变。<br>
		零成本创业，旧平板/电脑秒变收银台+手机APP点单神器！<br>后台地址：<a href="http://tzzs.com/saas" target="_blank">http://tzzs.com/saas</a> 
		用户名：demo 密码：123456
			  
		  </div>
		  
		  </center>
		  
     </div>
  <div id="app-cockpit-loading">
    <span></span>
    <span></span>
    <span></span>
    <span></span>
    <span></span>
  </div>
  <div id="app-loading-text"><center>正在加载资源,请耐心等待</center></div>
		
		<div id="app"></div>
		<!-- 微信SDK文件 -->
		<script src="<%= BASE_URL %>static/mp-h5/jweixin-1.4.0.js"></script>
<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?cb00e3db197100ebec4608707b4ad8e6";
  var s = document.getElementsByTagName("script")[0]; 
  s.parentNode.insertBefore(hm, s);
})();
</script>

<script>

	
    document.getElementById('weixincover').style.display = 'none';
    document.getElementById('addtoscreen').style.display = 'none';
    document.getElementById('downandroidapp').style.display = 'none';
	document.getElementById('pc').style.display = 'none';
	
		function openandroid(url){
			alert("测试版本，暂时未提供安卓。请使用苹果手机体验 DEMO 版");return;
		}
	
        var isInWebAppiOS = (window.navigator.standalone == true); //如果是从桌面打开，isIwebapp 显示为真
        //var isInWebAppChrome = (window.matchMedia('(display-mode: standalone)').matches);
        var userAgent = navigator.userAgent;
        var weixin = isWeiXin();
        var ismobile = isMobile();
        var isAndroid = userAgent.indexOf('Android') > -1 || userAgent.indexOf('Linux') > -1;
        var isIos = userAgent.indexOf('iPhone') > -1 || userAgent.indexOf('iPad') > -1;
		
   //      if (weixin) {
   //          document.getElementById('weixincover').style.display = 'block';
			// document.getElementById('app').remove();
   //          document.getElementById('app-cockpit-loading').remove();
   //          document.getElementById('app-loading-text').remove();
			// window.stop();
   //          document.execCommand("stop");
   //        } else {
              if(ismobile){
      //             if(isIos){
      //               if (isInWebAppiOS == false) {
						// document.getElementById('addtoscreen').style.display = 'block';
						// document.getElementById('installtxt').style.display = 'block';
						// document.getElementById('app-cockpit-loading').remove();
						// document.getElementById('app-loading-text').remove();
						// document.getElementById('app').remove();
						// //window.stop();
						// document.execCommand("stop");
      //               }
      //             }
      //             if(isAndroid){
						// document.getElementById('downandroidapp').style.display = 'block';
						// document.getElementById('app').remove();
						// document.getElementById('app-loading-text').remove();
						// document.execCommand("Stop");
      //             }
              }else{
				document.getElementById('pc').style.display = 'block';
				window.stop ? window.stop() : document.execCommand("Stop");
                //window.location.href="http://www.ibytecoin.com/home"
              }
        //}
    
        //判断是否是微信浏览器的函数
        function isWeiXin() {
          //window.navigator.userAgent属性包含了浏览器类型、版本、操作系统类型、浏览器引擎类型等信息，这个属性可以用来判断浏览器类型
          var ua = window.navigator.userAgent.toLowerCase();
          //通过正则表达式匹配ua中是否含有MicroMessenger字符串
          if (ua.match(/MicroMessenger/i) == 'micromessenger') {
            return true;
          } else {
            return false;
          }
        }

        function moveHandle() {}
        function isMobile() {
           var userAgentInfo = navigator.userAgent;
           var mobileAgents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
           var mobile_flag = false;
           //根据userAgent判断是否是手机
            for (var v = 0; v < mobileAgents.length; v++) {
                 if (userAgentInfo.indexOf(mobileAgents[v]) > 0) {
                       mobile_flag = true;
                       break;
                 }
            }
            var screen_width = window.screen.width;
            var screen_height = window.screen.height;
           //根据屏幕分辨率判断是否是手机
           if (screen_width > 325 && screen_height < 750) {
               mobile_flag = true;
           }
           return mobile_flag;
        }


    </script>
		

		
	</body>
</html>
